<!doctype html>
<html dir="$i18n{textdirection}" lang="$i18n{language}" class="loading"
    $i18n{enableBrandingUpdateAttribute}>
<head>
  <meta charset="utf8">
  <meta name="color-scheme" content="light dark">
  <base href="chrome://bookmarks">
  <title>$i18n{title}</title>
  <link rel="stylesheet" href="chrome://resources/css/md_colors.css">
  <style>
    html {
      /* Remove 300ms delay for 'click' event, when using touch interface. */
      touch-action: manipulation;
    }

    html,
    body {
      background: var(--md-background-color);
      height: 100%;
      margin: 0;
      overflow: hidden;
    }

    html.loading::before {
      background-color: var(--md-toolbar-color);
      border-bottom: var(--md-toolbar-border);
      box-sizing: border-box;
      content: '';
      display: block;
      height: var(--md-toolbar-height);
    }
  </style>
</head>
<body>
  <bookmarks-app></bookmarks-app>
  <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css">
  <script type="module" src="bookmarks.js"></script>
</body>
</html>
